@layout("/common/_container.html",{js:["/assets/order/outOrderDetailed/outOrderDetailed_edit.js"]}){
<style>
	.layui-form-item {
    	margin-bottom: 10px;
	}
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Edit</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="outOrderDetailedForm" lay-filter="outOrderDetailedForm" class="layui-form layui-form-pane" style="max-width: 620px;margin: 40px auto;">
                <input name="id" type="hidden"/>
                <input name="detailedOutNumber" id="detailedOutNumber" value="${detailedOutNumber}" type="hidden"/>
                <input name="outCustomerId" id="outCustomerId" value="${outCustomerId}" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
                    <legend>Edit ${detailedOutNumber} Order Product Details</legend>
                </fieldset>
                <div class="layui-form-item">
                    <label class="layui-form-label">Factory No.</label>
                    <div class="layui-input-inline">
                        <input id="detailedFactory" name="detailedFactory" placeholder="Enter Factory No." type="text" class="layui-input" lay-verify="" required/>
                    </div>
                    <label class="layui-form-label" style="font-weight: 600;">Product Name<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedGoodsId" name="detailedGoodsId" type="hidden"/>
                        <input id="detailedGoodsname" name="detailedGoodsname" placeholder="Click to select product" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Product Code<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedGoodscode" name="detailedGoodscode" placeholder="" type="text" class="layui-input" lay-verify="required" required required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                    <label class="layui-form-label">Item No.</label>
                    <div class="layui-input-inline">
                        <input id="goodsNo" name="goodsNo" placeholder="" type="text" class="layui-input" lay-verify="" required required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Production Date</label>
                    <div class="layui-input-inline">
                        <input id="detailedDate" name="detailedDate" placeholder="Select Production Date" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                    <label class="layui-form-label">Batch No.</label>
                    <div class="layui-input-inline">
                        <input id="detailedBatchnumber" name="detailedBatchnumber" placeholder="Enter Batch No." type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Big Package Qty<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedPutbalenum" name="detailedPutbalenum" placeholder="Enter Big Package Qty" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                    <label class="layui-form-label" style="font-weight: 600;">Quantity<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedNumber" name="detailedNumber" placeholder="Enter Quantity" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Unit Price<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedPrice" name="detailedPrice" placeholder="Enter Unit Price" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                    <label class="layui-form-label" style="font-weight: 600;">Amount<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input id="detailedMoney" name="detailedMoney" placeholder="Enter Amount" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Required Weight<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input name="detailedWeight" id="detailedWeight" type="hidden"/>
                        <input id="detailedOutWeight" name="detailedOutWeight" placeholder="Enter Weight" type="text" class="layui-input" lay-verify="required" required />
                    </div>
                    <label class="layui-form-label" style="font-weight: 600;">Required Volume<span style="color: red;">*</span></label>
                    <div class="layui-input-inline">
                        <input name="detailedVolume" id="detailedVolume" type="hidden"/>
                        <input id="detailedOutVolume" name="detailedOutVolume" placeholder="Enter Volume" type="text" class="layui-input" lay-verify="required" required />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Product Category</label>
                    <div class="layui-input-inline">
                        <input id="detailedLargeclass" name="detailedLargeclass" placeholder="" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                    <label class="layui-form-label">Type</label>
                    <div class="layui-input-inline">
                        <input id="detailedGoodstype" name="detailedGoodstype" placeholder="" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Unit</label>
                    <div class="layui-input-inline">
                        <input id="goodsUnit" name="goodsUnit" placeholder="" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                    <label class="layui-form-label">Packaging</label>
                    <div class="layui-input-inline">
                        <input id="detailedPacking" name="detailedPacking" placeholder="" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Specifications</label>
                    <div class="layui-input-inline">
                        <input id="goodsSpecs" name="goodsSpecs" placeholder="" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                    <label class="layui-form-label">Notes</label>
                    <div class="layui-input-inline">
                        <input id="detailedNote" name="detailedNote" placeholder="Enter Notes" type="text" class="layui-input" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Return&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}